<%--
  Created by IntelliJ IDEA.
  User: Root404
  Date: 2023/6/13
  Time: 9:55
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Demo</title>
    <style>
        .sg3{
            background-color: #00f7de;
        } .sg9{
              background-color: red;
          }
    </style>
    <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
    <link href="//unpkg.com/layui@2.8.6/dist/css/layui.css" rel="stylesheet">
</head>
<body>
<div class="layui-row">
    <div class="layui-col-xs3 sg3">
        <div class="grid-demo grid-demo-bg1">3/12</div>
    </div>
    <div  class="layui-col-xs6 sg9">
        <div class="grid-demo">6/12</div>
    </div>
<%--    <div  class="layui-col-xs9 sg3">--%>
<%--        <div class="grid-demo">3/12</div>--%>
<%--    </div>--%>
</div>
<div class="layui-row">
    <div class="layui-col-xs3">
        <div class="grid-demo grid-demo-bg1">3/12</div>
    </div>
    <div class="layui-col-xs3">
        <div class="grid-demo">3/12</div>
    </div>
    <div class="layui-col-xs3">
        <div class="grid-demo grid-demo-bg1">3/12</div>
    </div>
    <div class="layui-col-xs3">
        <div class="grid-demo">3/12</div>
    </div>
</div>
</body>
</html>
